<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="/plugins/layui/dist/css/layui.css"/>
	<link rel="stylesheet" href="/css/system/animate.css"/>
	<link rel="stylesheet" href="/plugins/font-awesome-4.7.0/css/font-awesome.min.css"/>
	<link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap.min.css"/>
	<link rel="stylesheet" href="/plugins/bootstrap/css/bootstrap-table.min.css"/>
	<link rel="stylesheet" href="/plugins/jquery/jquery.treegrid.css"/>
	<link rel="stylesheet" href="/css/system/style.css">
	<link rel="stylesheet" href="/css/common/common.css">
</head>
<body>
	<div style="padding: 20px; background-color: #F2F2F2;">
		<div class="layui-card">
			<div class="layui-card-body">
				<button id="add-menu-btn" class="layui-btn" style="margin-bottom: 10px;">
					<i class="layui-icon">&#xe608;</i> 添加
				</button>
				<table id="menuTable" data-mobile-responsive="true"/>
			</div>
		</div>
	</div>

	<div id="addMenuDialog" style="display: none; margin-top: 120px;">
		<div class="layui-form">
			<div class="layui-form-item">
				<div class="layui-row">
					<input id="add-parentMenuId" type="hidden" class="layui-input">
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>上级菜单：</label>
						<div class="layui-input-block">
							<input id="add-parentMenuName" type="text" autocomplete="off" class="layui-input" style="background-color: #eee;" readonly>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>菜单名称：</label>
						<div class="layui-input-block">
							<input id="add-menuName" type="text" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>排序：</label>
						<div class="layui-input-block">
							<input id="add-menuSort" type="text" placeholder="请输入排序" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;">图标：</label>
						<div class="layui-input-block">
							<input id="add-menuIcon" type="text" placeholder="请选择图标" autocomplete="off" class="layui-input menuIcon" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="add-icon-btn" type="button" class="layui-btn" value="选择图标"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="addSubMenuDialog" style="display: none; margin-top: 70px;">
		<div class="layui-form">
			<div class="layui-form-item">
				<div class="layui-row">
					<input id="add-sub-parentMenuId" type="hidden" class="layui-input">
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>上级菜单：</label>
						<div class="layui-input-block">
							<input id="add-sub-parentMenuName" type="text" autocomplete="off" class="layui-input" style=" background-color: #eee;" readonly>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>菜单名称：</label>
						<div class="layui-input-block">
							<input id="add-sub-menuName" type="text" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>连接地址：</label>
						<div class="layui-input-block">
							<input id="add-sub-menuUrl" type="text" placeholder="请输入连接地址" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>排序：</label>
						<div class="layui-input-block">
							<input id="add-sub-menuSort" type="text" placeholder="请输入排序" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>绑定功能：</label>
						<div class="layui-input-block">
							<input id="add-sub-menuFunction" type="text" placeholder="请选择功能" autocomplete="off" class="layui-input menuFunction" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="add-sub-function-btn" type="button" class="layui-btn" value="选择功能"/>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;">图标：</label>
						<div class="layui-input-block">
							<input id="add-sub-menuIcon" type="text" placeholder="请选择图标" autocomplete="off" class="layui-input menuIcon" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="add-sub-icon-btn" type="button" class="layui-btn" value="选择图标"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="updateFirstLevelMenuDialog" style="display: none; margin-top: 120px;">
		<div class="layui-form">
			<div class="layui-form-item">
				<div class="layui-row">
					<input id="updateFirstLevel-menuId" type="hidden" class="layui-input">
					<input id="updateFirstLevel-parentMenuId" type="hidden" class="layui-input">
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>上级菜单：</label>
						<div class="layui-input-block">
							<input id="updateFirstLevel-parentMenuName" type="text" autocomplete="off" class="layui-input" style=" background-color: #eee;" readonly>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>菜单名称：</label>
						<div class="layui-input-block">
							<input id="updateFirstLevel-menuName" type="text" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>排序：</label>
						<div class="layui-input-block">
							<input id="updateFirstLevel-menuSort" type="text" placeholder="请输入排序" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;">图标：</label>
						<div class="layui-input-block">
							<input id="updateFirstLevel-menuIcon" type="text" placeholder="请选择图标" autocomplete="off" class="layui-input menuIcon" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="updateFirstLevel-icon-btn" type="button" class="layui-btn" value="选择图标"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="updateMenuDialog" style="display: none; margin-top: 70px;">
		<div class="layui-form">
			<div class="layui-form-item">
				<div class="layui-row">
					<input id="update-menuId" type="hidden" class="layui-input">
					<input id="update-parentMenuId" type="hidden" class="layui-input">
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>上级菜单：</label>
						<div class="layui-input-block">
							<input id="update-parentMenuName" type="text" autocomplete="off" class="layui-input" style=" background-color: #eee;" readonly>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>菜单名称：</label>
						<div class="layui-input-block">
							<input id="update-menuName" type="text" placeholder="请输入菜单名称" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>连接地址：</label>
						<div class="layui-input-block">
							<input id="update-menuUrl" type="text" placeholder="请输入连接地址" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>排序：</label>
						<div class="layui-input-block">
							<input id="update-menuSort" type="text" placeholder="请输入排序" autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;"><span style="color: red;">*</span>绑定功能：</label>
						<div class="layui-input-block">
							<input id="update-menuFunction" type="text" placeholder="请选择功能" autocomplete="off" class="layui-input menuFunction" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="update-function-btn" type="button" class="layui-btn" value="选择功能"/>
						</div>
					</div>
					<div class="layui-col-md8 layui-col-md-offset2 layui-inline">
						<label class="layui-form-label" style="width: 100px;">图标：</label>
						<div class="layui-input-block">
							<input id="update-menuIcon" type="text" placeholder="请选择图标" autocomplete="off" class="layui-input menuIcon" style="width: 40%;display: inline; background-color: #eee;" readonly>
							<input id="update-icon-btn" type="button" class="layui-btn" value="选择图标"/>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
	<script src="/plugins/layui/dist/lay/modules/layer.js"></script>
	<script src="/plugins/bootstrap/js/bootstrap.min.js"></script>
	<script src="/plugins/bootstrap/js/bootstrap-table.min.js"></script>
	<script src="/plugins/bootstrap/js/bootstrap-table-mobile.min.js"></script>
	<script src="/plugins/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
	<script src="/plugins/jquery/jquery.treegrid.min.js"></script>
	<script src="/plugins/jquery/jquery.treegrid.extension.js"></script>
	<script src="/plugins/jquery/jquery.treegrid.bootstrap3.js"></script>
	<script src="/plugins/jstree/jstree.min.js"></script>
	<script src="/js/common/sinoUtil.js"></script>
	<script src="/js/system/menu.js"></script>
</body>
</html>